import React from 'react'

import { NavBar, Icon } from 'antd-mobile';
import {SearchWrap,SectionWrap} from './StyleSearch'


const  Search =()=> {
  return (
    <div>
    
      <NavBar
          mode="dark"
          icon={<Icon type="left" />}
          onLeftClick={() => console.log('onLeftClick')}
          >搜索
         </NavBar>
         <SearchWrap>
           <div className="search"> 
             <input type="text" placeholder="请输入"/>
             <Icon type="search" style={{width:".2rem"}}/> 
           </div>
          <span>取消</span>
        </SearchWrap>
        <SectionWrap>
          <div>
            <p>热门热搜</p>
            <ul>
              <li>开学</li> 
              <li>课本</li>
              <li>绘本</li>
              <li>阅读</li>
              <li>资源</li>
              <li>人教版</li>
            </ul>
          </div>
        </SectionWrap>



     </div>
  )
}

export default Search